<template>
  <transition>
      <slot v-show="show"></slot>
  </transition>
</template>

<script>
export default {
  name: 'fade',
  props: ['show']
}
</script>

<style>
.v-enter, .v-leave-to {
    opacity: 0;
}
.v-enter-active, .v-leave-active {
    transition: opacity 1s;
}
</style>
